<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">
    <link href="/static/images/logo.png" rel="icon">

    <title>SaltOps</title>
    <link crossorigin="anonymous" href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/timeline.css" rel="stylesheet">
</head>

<body>
<section class="section-image">
    <div class="img-overlay"></div>
    <div class="intro">
        <div class="row">
            <div class="col-md-12">
                <h5>从发布开始，探索运维</h5>
                <h1>SaltOps</h1>
                <p class="intro-desc">
                    <span>CMDB</span>
                    <span class="colour-splash">•</span>
                    <span>业务部署</span>
                    <span class="colour-splash">•</span>
                    <span>工具平台</span>
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="social">
                    <a href=
                               "https://git.oschina.net/wuwenhao/saltops"
                       target=
                               "_blank"><i
                            class="fa fa-github fa-3x"></i></a>
                </div><!-- /social -->
            </div><!-- /col-md-8 -->
        </div><!-- /row -->
        <div class="bottom">
            <a href="#about">
                <div class="mouse-icon">
                    <div class="scroll">
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>


<section class="section-primary" id="about">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">

                <h2>目标</h2>

                <hr>
                <p class="lead">
                    SaltOps是一个基于SaltStack和Django开发的运维平台，
                    平台的主要功能包括：<span>CMDB</span>,<span>包发布管理</span>,<span>工具系统</span>
                    最终作为软件包发布和工具系统的角色与<span>Jenkins</span>,<span>Zabbix</span>等系统进行整合</p>
            </div><!-- /col-md-6 -->
        </div><!-- / row -->
    </div><!-- /container -->
</section>
<!-- SKILLS SECTION -->


<section class="section-image" id="skills">
    <div class="img-overlay"></div>


    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading">
                <h2>能力</h2>
                <hr>
            </div>
        </div>


        <div class="row">
            <div class="col-md-4 text-center">
                <span class="lnr lnr-user"></span>

                <h2>CMDB</h2>

                <p>资产信息自动更新，免手工维护</p>
                <p>预留对外接口，企业流程进行联动</p>
            </div>


            <div class="col-md-4 text-center">
                <span class="lnr lnr-star"></span>

                <h2>业务部署</h2>

                <p>清晰的业务关系</p>
                <p>一键部署，提高业务交付的速度</p>
            </div>


            <div class="col-md-4 text-center">
                <span class="lnr lnr-diamond"></span>

                <h2>工具执行</h2>


                <p>知识沉淀，不再到处寻找脚本</p>
                <p>批量执行，快速完成运维任务</p>
            </div>
        </div> <!-- / row -->
    </div><!-- /container -->
</section>
<!-- TIMELINE SECTION -->


<section class="section-primary" id="timelinesection">
    <div class="container">
        <div class="row">
            <div class="col-md-12 section-heading">
                <h2>里程碑</h2>


              

                <hr class="white">
            </div>
        </div>


        <div class="row">
            <div class="col-md-12">
                <!-- Timeline -->


                <div id="timeline">
                    <!-- Timeline Item, copy from here to create various boxes -->


                    <div class="timeline-item">
                        <!--Icon inside the circle-->


                        <div class="timeline-icon">
                            <i class="fa fa-plane"></i>
                        </div>
                        <!-- Content from timeline box and position (right or left)-->


                        <div class="timeline-content right">
                            <h2>弃用DjangoAdmin，改善交互方式</h2>


                            <p>2017-04-01~2017-04-01:基于DjangoAdmin虽然方便，但是为了使交互方式更加清晰，
                                交互过程更加合理，抛弃了DjangoAdmin，采用了CBV的模式重构了后台的逻辑，使得后台代码与前台交互
                                都得到了不少的提升</p>
                        </div>
                    </div>
                    <!-- /Timeline Item-->
                    <!-- Timeline Item, copy from here to create various boxes -->


                    <div class="timeline-item">
                        <!--Icon inside the circle-->


                        <div class="timeline-icon">
                            <i class="fa fa-group"></i>
                        </div>
                        <!-- Content from timeline box and position (right or left)-->


                        <div class="timeline-content left">
                            <h2>Django-Jet接入</h2>


                            <p>2017-02-22~2017-04-01:基础功能完成之后，对界面的要求有所提高，这个时候SaltOps采用了Django-Jet
                                作为界面UI，并且新增了配置抓取的功能(0.5~0.6)</p>
                        </div>
                    </div>
                    <!-- /Timeline Item-->
                    <!-- Timeline Item, copy from here to create various boxes -->


                    <div class="timeline-item">
                        <!--Icon inside the circle-->


                        <div class="timeline-icon">
                            <i class="fa fa-star"></i>
                        </div>
                        <!-- Content from timeline box and position (right or left)-->


                        <div class="timeline-content right">
                            <h2>SaltOps诞生</h2>
                            <p>2017-01-29~2017-02-16：有没有一个合适的软件包发布平台呢？伴随者这个疑问，SaltOps
                                就此诞生了，项目开始的时候采用Django Admin进行开发，快速验证想法，SaltOps
                                基础功能开发完毕(0.1~0.5)</p>
                        </div>
                    </div>
                    <!-- /Timeline Item-->
                </div>
                <!-- /col-md-12 -->
            </div>
            <!-- /row -->
        </div>
    </div> <!-- / container -->
</section>
<!-- FOOTER SECTION -->

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4">

            </div>


            <div class="col-md-4 text-center">
                <a href="#" target="_blank">© 2016 SaltOps Co., Ltd.</a></p>
            </div>


            <div class="col-md-4">

            </div> <!-- /col-md-4 -->
        </div><!-- /row -->
    </div><!-- /container -->
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js">
</script>
<script src="js/scripts.js">
</script>
</body>
</html>
